#home {
  .container_center {
    padding: 0 100px;
  }

  .header {
    background: #0C0F18;
    box-shadow: 0px 20px 50px 0px rgba(22, 28, 42, 0.15);

    .container_content {
      height: 200px;
      display: flex;
      align-items: center;
      justify-content: space-between;

      .logo {
        width: 77px;
        height: 63px;
        border-radius: 4px;

        .img {
          width: 100%;
          height: 100%;
        }
      }
    }


    .btn-container {
      font-size: 36px;
      font-family: SourceHanSansCN;
      font-weight: 500;
      color: #0078FF;
      display: flex;
      justify-content: space-between;
      align-items: center;

      .btn-down {
        display: inline-block;
        background: #0078FF;
        border-radius: 44px;
        font-size: 36px;
        font-family: Arial;
        font-weight: bold;
        color: #FFFFFF;
        text-align: center;
        line-height: 125px;
        width: 280px;
        height: 125px;
      }
    }


  }

  .home-content {
    margin-top: 298px;
    margin-bottom: 200px;
    text-align: center;

    .title-logo {
      background: url('./images/ihtbg.png') no-repeat;
      background-size: 100% 100%;
      width: 811px;
      height: 103px;
      border-radius: 20px;
      line-height: 103px;
      text-align: center;
      margin: 0 auto;
      font-size: 41px;
    }

    .title {
      font-size: 120px;
      font-family: SourceHanSansCN;
      font-weight: bold;
      color: #D1D9E7;
      margin-top: 92px;
      margin-bottom: 92px;
    }

    .dec {
      font-family: SourceHanSansCN;
      font-weight: bold;
      color: #FFFFFF;
      margin-bottom: 316px;
    }


    .btn-container {
      margin-bottom: 271px;

      .btn {
        display: inline-block;
        width: 408px;
        height: 188px;
        border: 8px solid #0078FF;
        border-radius: 10px;
        text-align: center;
        line-height: 188px;
        font-size: 48px;
        font-family: SourceHanSansCN;
        font-weight: bold;
        color: #0078FF;
      }

      .right_btn {
        margin-left: 106px;
        border: 8px solid #984FE2;
        color: #B165FF;
      }
    }

    .trades {
      .text {

        color: #889BC1;
      }

      .disabled_text {
        margin-top: 75px;
        margin-bottom: 75px;
        font-size: 36px;
        font-family: SourceHanSansCN;
        color: #465065;
      }

      .trades_items {
        display: flex;
        justify-content: space-between;

        .item {
          width: 445px;
          height: 124px;
        }
      }
    }


  }


  .trade_records {
    .trade_list {
      width: 1233px;
      height: 774px;
      background: url('./images/main02.jpg') no-repeat;
      background-size: cover;
    }
  }


  .advantage {
    background: #161C2A;

    .title {
      font-size: 100px;
      font-family: SourceHanSansCN;
      font-weight: bold;
      color: #D1D9E7;
      text-align: center;
      margin-top: 172px;
      margin-bottom: 90px;
    }

    .advantage_container {
      font-size: 36px;
      font-family: SourceHanSansCN;
      font-weight: 400;
      color: #6D778B;
    }

    .btn_container {
      margin-bottom: 78px;
      text-align: center;
    }

    .advantage_item {
      margin-bottom: 288px;
    }

    .btn {
      height: 181px;
      line-height: 181px;
      font-size: 72px;
      font-family: SourceHanSansCN;
      color: #161C2A;
      font-weight: 300;
    }

    .weight {
      font-weight: 700;
    }

    .white {
      color: #FFFFFF;
    }

    .learn_more {
      width: 220px;
      height: 44px;
      background: url('./images/learnmore.png') no-repeat;
      background-size: 100% 100%;
      margin-top: 130px;
      margin: 94px auto 220px;
    }

    .logo_img {
      width: 866px;
      height: 688px;
      margin: 0 auto;
      background: url('./images/24_h.png') no-repeat;
      background-size: contain;
      margin-bottom: 170px;
    }

    .advantage_dec {
      line-height: 80px;
      font-size: 48px;
      letter-spacing: 5px;
    }

    .second {
      .logo_img {
        background: url('./images/bar.png') no-repeat;
        background-size: 100% 100%;

      }
    }

    .third {
      .logo_img {
        background: url('./images/3.png') no-repeat;
        background-size: 100% 100%;

      }
    }
  }

  .buy_member {
    background: #0e0e0e;
    padding-top: 140px;
    padding-bottom: 140px;

    .item {
      position: relative;
      padding-top: 360px;
      width: 1251px;
      height: 1740px;
      border-radius: 10px;
      background: #161C2A url('./images/vip-top.jpg') no-repeat;
      background-size: contain;
      padding-bottom: 183px;

      .title {
        text-align: center;
        margin: 0 auto;
        width: 380px;
        height: 200px;
        line-height: 240px;
        font-size: 72px;
        font-family: SourceHanSansCN;
        font-weight: bold;
        color: #9AA6BE;
        background: linear-gradient(0deg, #44E1F3 0%, #0078FF 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        line-height: 80px;
      }

      .dec {
        text-align: left;
        font-size: 48px;
        font-family: SourceHanSansCN;
        font-weight: 300;
        color: #C9D6F1;
        line-height: 144px;
        padding-left: 330px;

        .text {
          &::before {
            content: '';
            display: inline-block;
            width: 20px;
            height: 20px;
            border-radius: 100%;
            background: #0078FF;
            margin-right: 20px;
          }
        }
      }

    }

    .line {
      margin: 113px auto 154px;
      width: 801px;
      height: 18px;
      background: #111622;
    }

    .more {
      height: 44px;
      font-family: SourceHanSansCN;
      color: #0078FF;
      padding-left: 350px;
      margin: 0 auto;
      padding-top: 104px;
      padding-bottom: 130px;
    }

    .btn {
      width: 716px;
      height: 155px;
      background: #0078FF;
      border-radius: 20px;
      margin: 0 auto;
      color: #FFFFFF;
      text-align: center;
      font-family: SourceHanSansCN;
      font-weight: bold;
      line-height: 155px;
    }

    .experience {
      background: #161C2A url('./images/free-top.jpg') no-repeat;
      background-size: contain;

      .last {
        width: 770px;
        line-height: 80px;
        display: flex;

        &::before {
          position: relative;
          top: 14px;
          width: 35px !important;
        }

      }

      .kefu {
        width: 207px;
        height: 207px;
        margin: 0 auto;
        margin-top: 55px;

        .img {
          width: 100%;
          height: 100%;
        }
      }
    }
  }

  .footer {
    background: #000;

    .down_tip {
      width: 600px;
      font-size: 30px;
    }

    .htrade_app {
      padding-top: 50px;
      font-size: 24px;
      font-family: SourceHanSansCN;
      font-weight: 400;
      color: #838CA1;

      .logo {
        width: 202px;
        height: 202px;
        margin-right: 44px;
      }

      .htrade {
        justify-content: center;
        margin-bottom: 128px;
      }

      h6 {
        height: 35px;
        font-size: 36px;
        font-family: SourceHanSansCN;
        font-weight: bold;
        color: #FFFFFF;
        margin: 25px 0;
      }

      .app_down {
        justify-content: center;
        align-items: center;

        img {
          width: 202px;
          height: 202px;
          margin-right: 30px;
        }

        p {
          margin-right: 30px;
        }
      }
    }

    .footer_btn_container {
      text-align: center;
      margin-top: 133px;
      margin-bottom: 96px;

      .img {
        width: 77px;
        height: 63px;
      }
    }

    .footer_text {
      font-size: 24px;
      font-family: SourceHanSansCN;
      font-weight: 500;
      color: #1E4169;
      padding: 60px 0 100px;
      text-align: center;
    }

  }


}

.cursor {
  cursor: pointer;
}

.flex {
  display: flex;
}

.home_modal {
  .wechat {
    width: 100%;
  }
}